@import "h-work.css";


/*
公共样式
*/
.f20{
    font-size: 20px !important;
}


/**
 * 字体定义。
 */
body{
    font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}

/**
*本项目body属性
*
*/
.childrenBody {
    margin: 10px 10px 0;
    background-color: #F0F3F7;
    
}

/*微调样式*/
.pb80{
    padding-bottom: 80px;
}


/*
复选框美化
 */
/*
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 18px;
    height: 18px;
}
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: -4px;
    border-radius: 50%;
    border: 1px solid #4787BF;
    box-sizing: border-box;
}
input[type="radio"]:checked + label::before {
    background-color: #4787BF;
    background-clip: content-box;
    padding: 2px;
    box-sizing: border-box;
}

input[type=checkbox] {
    position: absolute;
    width: 18px;
    height: 18px;
    clip: rect(0, 0, 0, 0);
}
input[type=checkbox] + label::before{
    content: '';
    box-sizing: border-box;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: white;
    margin-right: 5px;
    margin-top: -3px;
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #4787BF;
    border-radius: 4px;
    display: inline-block;
    background-clip: content-box;

}
input[type=checkbox]:checked + label::before {
    color:white;
    background-color:#4787BF;
    background-clip: content-box;
    content: '√';
    font-family: 华文楷体;
    font-weight: bold;
}
*/

/*小图标*/
.icon_img_01{
    margin: 0px 5px -1px 0;
    display: inline-block;
    width:11px;
    height: 13px;
    background: url("images/icon_01.png") no-repeat center top;
    background-size: cover;
}
.icon_img_06{
    margin: 0px 5px -1px 0;
    display: inline-block;
    width:11px;
    height: 13px;
    background: url("images/icon_08.png") no-repeat center top;
    background-size: cover;
}
.icon_img_02{
    display: inline-block;
    width:18px;
    height: 20px;
    background: url("images/icon_02.png") no-repeat center top;
    background-size: cover;
    margin-bottom: -4px;
}
.icon_img_03{
    display: inline-block;
    width:18px;
    height: 20px;
    background: url("images/icon_03.png") no-repeat center top;
    background-size: cover;
    margin-bottom: -4px;
}
.icon_img_04{
    display: inline-block;
    width:18px;
    height: 20px;
    background: url("images/icon_04.png") no-repeat center top;
    background-size: cover;
    margin-bottom: -4px;
}
.icon_img_05{
    display: inline-block;
    width:18px;
    height: 20px;
    background: url("images/icon_05.png") no-repeat center top;
    background-size: cover;
    margin-bottom: -4px;
}


/*样式叠加按钮*/
.btn_add{
    border: 1px solid #4787BF;
    background-color: transparent;
    color: #4787BF
}
.btn_add:hover{
    border: 1px solid #437eb2;
    background-color: transparent;
    color: #4680b6
}
/**
 * 单行文字溢出虚点显示。
 */
.h_text_sl_1{
    display: block;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.h_text_sl_2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.h_text_sl_3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp:3;
}

/**
 * a标签初始化。
 */
a{
    text-decoration: none !important;
    color: #333333;
}
a:hover{
    text-decoration: none;
    color: #333333;
}


/**
 * 清除浮动。
 */
.h_qcfd{
    *zoom:1;
}
.h_qcfd:after{
    display:table;
    content:'';
    clear:both;
}

/**
 * Correct `block` display not defined in IE 8/9.
 *
 * 修正IE 8/9 中未定义的块级元素。
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 *
 * 修正在 IE 8/9 中未定义的 'inline-block' 元素。
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 *
 * 阻止现在浏览器显示未定义 control 播放控件的 'audio' 声音元素。
 * 删除 IOS 5 设备中显示的多余的高度。
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 *
 * 处理 IE 8/9 中不存在的样式。
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base

   基本设置
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 *
 * 1. 设置默认字体类型为 sans-serif.
 * 2. 当用户放大或缩小页面时不改变字体大小。
 */

html {
    /*font-family: sans-serif; !* 1 *!*/
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 *
 * 删除默认边距。
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links

   链接
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 *
 * 处理 Chrome 与其它浏览器中关于 'outline' 的不一致性。
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 *
 * 为所有浏览器改善当激活或悬停在元素上时元素内容的可读性。
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography

   排版
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 *
 * 处理多变的 'h1' 字体大小及其在 Firefox 4+, Safari 5, 及 Chrome时浏览器中的
 * 'section' 与　'article' 元素中的边距。
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 *
 * 处理在 IE 8/9, Safari 5, 及 Chrome 没有的样式。
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 *
 * 处理 Firefox 4+, Safari 5, 及 Chrome 中默认的 'bolder' 样式为　'bold'.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 *
 * 处理在 Safari 5 和 Chrome 没有的样式。
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 *
 * 处理　Firefox　与其它浏览器的差异。
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 *
 * 处理在 IE 8/9 中没有的样式。
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 *
 * 修正确 Safari 5 和 Chrome 中古怪的默认字体。
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 *
 * 为所有浏览器改善预格式化文本的可读性。
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 *
 * 设置一致的引用格式。
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 *
 * 处理所有浏览器中字体大小的不一致性[译者注：原文直译为：处理所有
 * 浏览器中的不一致和多变的字体大小]。
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 *
 * 阻止所有浏览器中 'sub' 和 'sup' 元素影响 'line-height'.
 * [译者注：就是不让上标与下标影响行高。]
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content

   嵌入的内容
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 *
 * 删除 IE 8/9 中当内容位于 'a' 中出现的边框。
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 *
 * 修正 IE 9 中显示古怪的溢出内容。
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures

   Figure 图像/图表/代码等
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 *
 * 处理在 IE 8/9 和 Safari 5 没有的边距。
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 *
 * 定义一致的边框、外边距及内边距。
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 1. 修正在　IE 8/9 中没有继承的 'color'.
 *
 *    [译者注：说是修正颜色嘛，可下面没有关于颜色的呀，这也行？求大神解释！]
 * 2. 去掉内边距，避免当用户清空表单组时认为出错了。
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 *
 * 1. 修正所有浏览器中未被继承的字体类型。
 * 2. 修正所有浏览器中未被继承的字体大小。
 * 3. 处理 Firefox 4+, Safari 5, 及 Chrome 中默认设置不同的外边距。
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
    outline:none;/* 去除边框 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 *
 * 处理 Firefox 4+ 中的客户端样式表里使用 '!important' 设置的 'line-height'.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 *
 * 处理 'button' 和 'select' 的 'text-transform' 继承的不一致性。
 * 所有其它表单控件元素不继承 'text-transform' 的值。
 * 修正 Chrome, Safari 5+, 及 IE 8+ 中 'button' 的继承样式。
 * 修正 Firefox 4+ 和 Opera 中 'select' 的继承样式。
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 *
 * 1. 避免 Android 4.0.* 中 WebKit 的一个bug, 防止 'audio' 与 'video' 的播放控件失效。
 * 2. 修正 iOS 中不可点击的 'input' 样式。
 * 3. 改善图片类型的 'input' 等光标样式的可用性与一致性。
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 *
 * 重置不可用元素的默认光标样式。
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 *
 * 1. 处理 IE 8/9 中设置为 'content-box' 的盒子模型。
 * 2. 删除 IE 8/9 中多余的内边距。
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 *
 * 1. 处理 Safari 5 和 Chrome 中默认设置为 'appearance' 的 'searchfield'.
 * 2. 处理 Safari 5 和 Chrome 中默认设置为 'box-sizing' 的 'border-box'
 *    (包括不会过时的 '-moz').
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 *
 * 删除 Safari 5 和 OS X 上的 Chrome 中的输入框上的内边距和搜索取消按钮。
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 *
 * 删除 Firefox 4+ button 与 input 上的内边距。
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 *
 * 1. 删除 IE8/9 中默认的垂直滚动条。
 * 2. 改善所有浏览器中的可读性并使文本垂直对齐。
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables

   表格
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 *
 * 删除表格里单元格间的间距。
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/**
 * 去除a标签点击后的虚线边框。
 */
a:focus{outline:none;}


/**
 * 对选美化
 */

.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(images/green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

.fl{
    float: left;
}
.fr{
    float: right;
}

.radio-tip{padding-left: 20px;font-weight: normal;position: relative;z-index: 1;line-height: 15px;}
.radio-tip h3{font-size: 18px;margin: 0;color: #333;}
.radio-tip p{font-size: 14px;margin: 0;color: #666;margin-top: 5px;}
.checkbox-list{padding-left: 30px;}
.checkbox-item{margin-right: 20px;font-size: 16px;margin-top: 5px;}
.checkbox-tip{padding-left: 20px;font-weight: normal;position: relative;z-index: 1;line-height: 15px;}
.distribut-btn{font-size: 18px;padding: 6px 60px;}


.radio-item input{position: relative;z-index: 2;opacity: 0;}
.radio-tip::before{content: '';width: 16px;height: 16px;display: block;border:1px solid #d2d2d2;border-radius: 1000px;position: absolute;left: 0;top: 0;}
.radio-item input[type="radio"]:checked + .radio-tip::before{border:1px solid #da2b28;}
.radio-item input[type="radio"]:checked + .radio-tip::after{content: '';width: 8px;height: 8px;display: block;border-radius: 1000px;background-color: #da2b28;position: absolute;left: 4px;top: 4px;}

.checkbox-item input{position: relative;z-index: 2;opacity: 0;}
.checkbox-tip::before{content: '';width: 16px;height: 16px;display: block;border:1px solid #d2d2d2;position: absolute;left: 0;top: 0;}
.checkbox-item input[type="checkbox"]:checked + .checkbox-tip::before{border:1px solid #da2b28;}
.checkbox-item input[type="checkbox"]:checked + .checkbox-tip::after{content: '✓';display: block;width: 16px;height: 16px; position: absolute;left: 0px;top: 0px;color: #da2b28;font-size: 12px;line-height: 16px;font-weight: 700;text-align: center;}


/*单选复选框最终解决方案*/
.h_radio,.h_checkbox{
    margin: 0 !important;
}
.h_radio,.h_checkbox {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;  /**隐藏原生控件**/
}

.h_checkbox {
    border-radius: 2px;   /**复选框的圆角要小一些**/
}
/**选择后的样式**/
.h_radio:checked,.h_checkbox:checked{
    background-color: #da2b28;
    border: solid 1px #da2b28;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    text-align: center;
    background-clip: padding-box;
}
/**选择后 里面小对勾样式**/
.h_radio:checked:before,.h_checkbox:checked:before{
    content: '';
    width: 12px;
    height: 6px;
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}




/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(images/green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
.verify_list{margin: 20px 30px;}
.verify_list .fl{float: left;}
.verify_list .col-xs-6{line-height: 30px; font-size: 14px;}
.verify_list .btn_warp{overflow: hidden;}
.verify_list .btn_warp span{padding: 0 15px; display: block; cursor: pointer; color: #999; float: left; line-height: 26px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; margin-top: 4px; margin-right: 10px;}
.verify_list .btn_warp span.cur{background: #1970fc; color: #fff;border: 1px solid #1970fc;}
.sjly_mdl{padding: 15px; background: #fff;}
.sjtj_box .table{border: 1px solid #ddd;}
.lytj_box .table{border: 1px solid #ddd;}
.lytj_box .table td{height: 74px;border-right: 1px solid #ddd;}
.lytj_box .table td p{margin: 0;text-align: center;}

.sjtj_list{padding: 15px; background-color: #ffffff;}
.sjtj_list .sjtj_item { min-height: 220px; width: 100%; border-radius: 2px;  border: 1px solid #DEDEDE; position: relative; margin: 15px 0;  padding: 15px;}
.sjtj_list .sjtj_item .text_top {font-size: 16px; text-align: center; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.sjtj_list .sjtj_item .text_top span{font-weight: normal; font-size: 14px;  color: #999999; position: absolute; right: 0; top: 0; }
.sjtj_list .sjtj_item .table>thead>tr>th{background: none;}
.sjtj_list .sjtj_item .table td, .sjtj_list .sjtj_item .table th{border: none;}
.sjtj_list .sjtj_item .table th{color: #999;font-weight: normal;}
.sjtj_list .sjtj_item .table td{font-weight: bold;font-size: 16px; color: #333;}
.sjtj_list .sjtj_item .footer_list{}
.sjtj_list .sjtj_item .footer_list p{color: #999; padding-top: 10px;}
.sjtj_nav_list{ background-color: #ffffff; border-left: 3px solid #4787BF; line-height: 26px; padding: 0 15px;}
.sjtj_nav_list .text_title { font-weight: bold; color: #4787BF;  font-size: 20px; margin-right: 20px;}
.sjtj_nav_list .text_title span{color: #f00; font-weight: normal;font-size: 14px; margin-left: 15px;}
.sjtj_nav_list p{margin: 0;}

.btsj_list {  background-color: #4867cc; padding: 20px 10px; overflow: hidden;}
.btsj_list .btsj_item { width: 25%; float: left;  border-radius: 2px;  color: #ffffff;  font-size: 14px;  padding: 10px;  text-align: center;}
.btsj_list .btsj_item p {  font-size: 14px;  color: #ffffff;  margin: 0px;}
.btsj_list .btsj_item strong { font-size: 24px; font-weight: normal; color: #ffffff;display: block;}
.btsj_list .btsj_item .text_tab p{line-height: 16px;}
.btsj_list .btsj_item .text_tab strong{line-height: 26px;}
.btsj_list .btsj_item .text_tab a{background: #ff872f; color: #fff; height: 30px; line-height: 30px; font-size: 16px; padding: 0 10px; border-radius: 15px; display: inline-block; margin-top: 5px;}
.rsph_nav_list{background: #fff;}
.rsph_nav_list .text_title { font-weight: bold; color: #4787BF; font-size: 18px; padding: 15px 0; padding-right: 30px;}
.rsph_nav_list .text_title i{width: 3px; height: 20px; float: left; display: inline-block; background: #4787bf; margin-top: 5px; margin-right: 27px;}
.rsph_nav_list .text_title a{float: right;color: #999; font-size: 14px; font-weight: normal;}
.rsph_nav_list .text_title a span{font-family: "宋体";}
.rsph_nav_list .text_title a:hover{color: #ff872f;}
.rsph_list{background: #fff; padding: 0 30px 30px; margin-bottom: 20px;}
.rsph_list ul{list-style-type: none; margin: 0; padding: 0; height: 360px; overflow: auto;}
.rsph_list ul::-webkit-scrollbar{
    width: 6px;
    height: 10px;
    background-color: #F5F5F5;
}
.rsph_list ul::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.rsph_list ul::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #4867cc;
}
.rsph_list ul li{overflow: hidden; line-height: 36px;margin-right: 20px;}
.rsph_list ul li span:nth-child(1){float: left; margin-right: 10px;font-size: 16px; color: #333; font-weight: bold;min-width: 50px;}
.rsph_list ul li span:nth-child(2){float: right; margin-left: 10px;font-size: 14px; color: #999; min-width: 50px; text-align: right;}
.rsph_list ul li .hr{overflow: hidden; height: 1px; background: #e4e1eb; margin-top: 18px;}
.zxdh_mdl{background: #fff; padding: 30px 30px 0;}
.zxdh_mdl p{font-size: 16px; color: #999;}
.zxdh_mdl h3{font-size: 48px; color: #333; font-weight: normal;}
.btgg_list{background: #fff;padding: 0 30px; margin-bottom: 20px;}
.btgg_list .btgg_item{padding: 10px 0; border-bottom: 1px solid #ebe8f5;}
.btgg_list .btgg_item:last-child{border-bottom: none;}
.btgg_list .btgg_item h3{margin: 0;font-size: 16px; font-weight: bold; line-height: 36px;}
.btgg_list .btgg_item p{font-size: 14px; line-height: 24px; color:  #999; overflow: hidden;}
.btgg_list .btgg_item p a{display: inline-block;float: right;color: #4867cc; font-size: 12px; border: 1px solid #4867cc;border-radius: 10px; line-height: 20px; padding: 0 10px; margin-top: 2px;}
.sjlr_mdl{background: #fff; padding: 20px; margin-bottom: 20px;}
.sjlr_top h3{ font-size: 36px; color: #364fa2; text-align: center; font-weight: normal;}
.sjlr_bar_list{margin-top: 30px;margin-bottom: 30px;overflow: hidden;}
.sjlr_bar_list .bar_item {width: 33%;float: left; color: #999999;  text-decoration: none; position: relative;text-align: center;}
.sjlr_bar_list .bar_item .bar_frbg {height: 6px;    width: 50%;  background-color: #e4e1eb; position: absolute; right: 0;top: 5px;}
.sjlr_bar_list .bar_item .bar_flbg {height: 6px;    width: 50%;  background-color: #e4e1eb; position: absolute; left: 0;top: 5px;}
.sjlr_bar_list .bar_item i{width: 16px; height: 16px; background: #e4e1eb;position: absolute; left: 50%; margin-left: -8px; border-radius: 8px;top: 0;}
.sjlr_bar_list .bar_item em{width: 10px; height: 10px; background: #e4e1eb;position: absolute; left: 50%;margin-left: -5px; border-radius: 5px;top: 3px;z-index: 2;}
.sjlr_bar_list .bar_item {color: #999;}
.sjlr_bar_list .bar_item h4{font-size: 16px;line-height: 24px; margin-top: 30px;margin-bottom: 0; font-weight: normal;}
.sjlr_bar_list .bar_item p{font-size: 12px;}
.sjlr_bar_list .bar_item.cur em{ background: #4867cc;}
.sjlr_bar_list .bar_item.cur{color: #4867cc;}
.sjlr_bar_list .bar_item.state em{ background: #ff872f;}
.sjlr_bar_list .bar_item.state{color: #ff872f;}
.sjlr_bar_list .bar_item.state h4{font-weight: bold;}
.sjlr_bar_list .bar_item .hr-fr{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; right: 0;top: 7px;}
.sjlr_bar_list .bar_item .hr-fl{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; left: 0;top: 7px;}
.sjlr_bar_list .bar_item.cur .hr-fr{background: -webkit-linear-gradient(left,#4867cb,#a5777b); 
  background: -ms-linear-gradient(left,#4867cb,#a5777b);      
  background: -o-linear-gradient(left,#4867cb,#a5777b);
  background: -moz-linear-gradient(left,#4867cb,#a5777b); 
  background: linear-gradient(to left, #4867cb,#a5777b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #4867cb, endColorstr = #a5777b); }
.sjlr_bar_list .bar_item.cur .hr-fl,.sjlr_bar_list .bar_item.adopt .hr-fr{background: #4867cb }
.sjlr_bar_list .bar_item.state .hr-fl,.sjlr_bar_list .bar_item.state .hr-fr{background: -webkit-linear-gradient(left,#a5777b,#ff872f); 
  background: -ms-linear-gradient(left,#a5777b,#ff872f);    
  background: -o-linear-gradient(left,#a5777b,#ff872f); 
  background: -moz-linear-gradient(left,#a5777b,#ff872f); 
  background: linear-gradient(to left, #a5777b,#ff872f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #a5777b, endColorstr = #ff872f); }
  
.jyxm_img {float: left;}
.jyxm_img img{ width: 120px; height: 120px;}
.jyxm_info{overflow: hidden;}
.jyxm_info h3{margin: 0; font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.jyxm_info span{background: rgb(22,155,213); color: #fff; padding: 0 10px; height: 16px; border-radius: 16px; line-height: 16px; font-size: 12px; margin-right: 10px;}
.jyxm_info p{line-height: 20px;}
    
.tab_button{margin: 20px 0;}
.tab_button a { display: inline-block; background: #cccccc; color: #fff; padding: 3px 5px 3px 4px!important;font-size: 12px; line-height: 1.5!important; border-radius: 2px; margin-right: 5px; text-decoration: none;}
.tab_button a.default{background: #f39c12;}
.order-head{background: #eee; padding: 10px 0; text-align: center; font-size: 14px;}
.order-head label{ margin-top: 6px;}
.order-ul{margin-top: 10px; font-size: 14px;}
.order-ul .order-li{border: 1px solid #eee; margin-bottom: 20px;}
.order-ul .order-sn{background: #eee; padding: 10px;}
.order-ul .order-sn span{padding-right: 100px;}
.order-ul .order-li .money{padding-top: 20px;}
.order-ul .order-li p{padding-top: 20px;}
.order-ul .order-li span.pay-fs{color: #999;}
.order-ul .order-li a.btn{margin-top: 10px;}
.smallorder-li{ overflow: hidden; margin: 5px;}
.smallorder-li .img{}
.smallorder-li .img img{width: 120px; height: 120px;}
.smallorder-li .num{}
.smallorder-li .info h3{font-size: 18px; margin: 0;font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.smallorder-li .info p{font-size: 14px; color: #999; line-height: 20px; padding:0;}
.smallorder-li .num{margin-top: 20px;}
.qytab-button a{display: inline-block;color: #333; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; margin: 0 20px;}
.qytab-button span{display: block;font-size: 12px; font-weight: normal; color: #999;}
.yq-table{margin-top: 20px;}
.yq-table p{margin: 0;}
.yq-table span{color: #999;}
.order-des h3{margin: 0; font-weight: bold;}
.order-des p{margin: 0; font-size: 16px;}
.order-zffs{}
.order-zffs a{display: inline-block;padding: 0 20px; height: 40px; line-height: 40px;border: 1px solid #e5e6e7; text-decoration: none; color: #333; margin-right: 20px;}
.order-zffs a img{width: 28px; height: 28px; float: left; margin-top: 5px;margin-right: 3px;}

/*订单详情*/
.step{ margin:30px auto ; display:block; height:auto;}
.step ul{overflow: hidden;}
.step li{ position:relative; text-align:center;list-style-type: none;}
.step .line_bg{ height:1px; background:#bebfc6; display:inline-block; width:50%; top:26px; position:absolute; z-index:1;}
.step .lbg-l{left:0;}
.step .lbg-r{right:0;}
.step .num{ position:relative; z-index:2; background:#fff;width:84px; height:50px;text-align:center; display:inline-block;}
.step .num em{width:50px;height:50px;border-radius: 50px;display:inline-block;line-height: 50px;left:15px;top:2px;position:absolute;z-index:3;color:#fff;font-style:normal;font-weight:700;background:#bebfc6;font-size: 24px;ransform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
.step .lbg-txt{ position:relative; color:#999999; font-size:20px; margin: 0 !important; line-height: 28px; padding-top: 10px;}
.step .lbg-des{font-size: 14px; color: #999999;}
.step .on .lbg-txt{color:#da2b28;font-weight: bold;}
.step .on .lbg-des{ color: #da2b28;}
.step .on .line_bg,.step .on .num em{background:#da2b28;}
.ddxq_box{border: 1px solid #e8e8e8; border-radius: 5px; padding: 0; margin-bottom: 20px;}
.ddxq_box .ddxq_sn{ line-height: 47px; border-bottom: 1px solid #e8e8e8;}
.ddxq_box .ddxq_sn span{color: #666; font-size: 14px; padding-left: 20px;}
.ddxq_table{border: none; margin-bottom: 0 !important; text-align: center;}
.ddxq_table thead tr td{border: none; font-size: 14px; font-weight: bold; padding: 8px;}
.ddxq_table tbody tr td{border: none; padding: 20px;}
.ddxq_table tbody tr td a{text-decoration: none; color: #333;}
.ddxq_table tbody tr:nth-of-type(odd) {  background-color: #f7f7f7;}

.xmfp_body .xmfp_top { height: 70px; background-color: #ffffff; line-height: 70px; }
.xmfp_body .xmfp_top a { color: #333333; font-size: 25px;padding: 10px; }
.xmfp_body .xmfp_top a span { font-weight: bold; margin: 20px}

/*补贴待办事项*/
.xzsj_list{background: #fff; padding: 15px; margin-bottom: 20px;}
.xzsj_list .gzt_item {  text-align: center; margin-bottom: 10px;}
.xzsj_list .gzt_item .box{background: url(images/xzsj_01.png) no-repeat; background-size: cover;height: 120px; border-radius: 2px; font-size: 14px; padding: 10px;}
.xzsj_list .gzt_item .box.box2{background: url(images/xzsj_02.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box3{background: url(images/xzsj_03.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box4{background: url(images/xzsj_04.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box5{background: url(images/xzsj_05.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box6{background: url(images/xzsj_06.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box7{background: url(images/xzsj_07.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box8{background: url(images/xzsj_08.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box9{background: url(images/xzsj_09.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box10{background: url(images/xzsj_10.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box11{background: url(images/xzsj_11.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .box.box12{background: url(images/xzsj_12.png) no-repeat; background-size: cover;}
.xzsj_list .gzt_item .top_title { font-size: 16px; font-weight: bold; color: #4787BF; text-align: left; float: left; position: relative;}
.xzsj_list .gzt_item .top_title em{height: 1px; width: 40px; background: #2b6aa9; position: absolute; left: 0; top: 30px;}
.xzsj_list .gzt_item .count-number { display: none;}
.xzsj_list .gzt_item .number_list {display: flex;/* width: 180px; */flex-wrap: wrap;align-items: flex-start;float: right;align-content: flex-start;justify-content: space-between;margin: 0px 0;}
.xzsj_list .gzt_item .number_list .number_item {width: 30px;border-radius: 3px;background-color: #f1f8ff;color: #4886c0;font-size: 32px;font-weight: bold;height: 45px;line-height: 45px;float: right;margin-left: 5px;}
.xzsj_list .gzt_item p {    text-align: left;}
.xzsj_list .gzt_item p span { width: 50%; display: inline-block;float: left;margin-top: 15px;}
.dbsx_list{padding: 15px; background: #fff; margin-bottom: 20px;}
.dbsx_list .dbsx_item .top_title{color: #f73458; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 10px; padding-top: 10px;}
.dbsx_list .dbsx_item ul{list-style-type: none; margin: 0; padding: 0; border: 1px solid #e5e5e5;}
.dbsx_list .dbsx_item ul li{overflow: hidden; padding: 20px 25px; border-bottom: 1px solid #e5e5e5;}
.dbsx_list .dbsx_item ul li:last-child{border-bottom: none;}
.dbsx_list .dbsx_item ul li .btje{overflow: hidden; text-align: center;}
.dbsx_list .dbsx_item ul li .btje p{color: #666; font-size: 14px}
.dbsx_list .dbsx_item ul li .btje span{color: #f73458; font-size: 16px}
.dbsx_list .dbsx_item ul li .tit{width: 60%;}
.dbsx_list .dbsx_item ul li .tit h4{font-size: 16px; color: #333; font-weight: bold; line-height: 24px;}
.dbsx_list .dbsx_item ul li .tit span{font-size: 12px; color: #999;}
.btxm_list{padding: 15px; background: #fff;}
.btxm_list .top_title { color: #f73458; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 10px; padding-top: 10px;}
.btxm_list .btxm_item{border: 1px solid #e8e8e8; border-left: 2px solid #4886c0; margin-bottom: 10px;}
.btxm_list .btxm_item .btxm_left,.btxm_list .btxm_item .btxm_right{padding: 15px;}
.btxm_list .btxm_item .btxm_left .left_title{font-size: 20px; line-height: 36px; color: #333; font-weight: bold;}
.btxm_list .btxm_item .btxm_left p span{margin-right: 10px; font-size: 14px; color: #666;}
.btxm_bar_list{margin: 20px 0;overflow: hidden;}
.btxm_bar_list .bar_item {width: 20%;float: left; color: #999999;  text-decoration: none; position: relative;text-align: center;}
.btxm_bar_list .bar_item i{width: 16px; height: 16px; background: #e4e1eb;position: absolute; left: 50%; margin-left: -8px; border-radius: 8px;top: 25px;}
.btxm_bar_list .bar_item em{width: 10px; height: 10px; background: #e4e1eb;position: absolute; left: 50%;margin-left: -5px; border-radius: 5px;top: 28px;z-index: 2;}
.btxm_bar_list .bar_item {color: #999;}
.btxm_bar_list .bar_item h4{font-size: 14px;line-height: 24px; margin-top: 0px;margin-bottom: 20px; font-weight: bold; color: #666;}
.btxm_bar_list .bar_item p{font-size: 14px;color: #666;}
.btxm_bar_list .bar_item.cur em{ background: #f73458;}
.btxm_bar_list .bar_item.cur{color: #fcc5cc;}
.btxm_bar_list .bar_item.cur h4{color: #fcc5cc;}
.btxm_bar_list .bar_item.cur p{color: #fcc5cc;}
.btxm_bar_list .bar_item.state em{ background: #f73458;}
.btxm_bar_list .bar_item.state{color: #f73458;}
.btxm_bar_list .bar_item.state h4{color: #f73458;}
.btxm_bar_list .bar_item.state p{color: #f73458;}
.btxm_bar_list .bar_item .hr-fr{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; right: 0;top: 32px;}
.btxm_bar_list .bar_item .hr-fl{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; left: 0;top: 32px;}
.btxm_bar_list .bar_item.cur .hr-fl{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 32px;}
.btxm_bar_list .bar_item.cur .hr-fr{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 32px;}
.btxm_bar_list .bar_item.state .hr-fl{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; left: 0;top: 32px;}
.btxm_bar_list .bar_item.state .hr-fr{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 32px;}
.btxm_number_list{margin-top: 20px; overflow: hidden;}
.btxm_number_list .btxm_number_item{width: 20%; text-align: center; float: left;}
.btxm_number_list .btxm_number_item p{font-size: 14px; color: #999;}
.btxm_number_list .btxm_number_item b{font-size: 24px;line-height: 36px; font-weight: normal;display: block;}
.btxm_number_list .btxm_number_item b.red{color: #f73458;}
.btxm_list .btxm_item.yjs{border-left: 2px solid #999;}
.btxm_list .btxm_item.yjs .btxm_left .left_title,.btxm_list .btxm_item.yjs .btxm_left p span,
.btxm_list .btxm_item.yjs .btxm_bar_list .bar_item h4,.btxm_list .btxm_item.yjs .btxm_number_list .btxm_number_item b{color: #999}
.btxm_list .zw_item{padding:30px 15px;}
.btxm_list .zw_item p{text-align: center; color: #999; font-size: 16px}
/*问题解决流程*/
.wtjjlc_box{background: #fff;}
.wtjjlc_list{margin: 15px; border: 1px solid #dcdcdc; border-radius: 3px; }
.wtjjlc_item{padding: 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px;}
.wtjjlc_item .wtjjlc_left{width: 80px; height: 80px; border-radius: 80px; overflow: hidden; margin-right: 30px; float: left;}
.wtjjlc_item .dat{width: calc(100% - 110px); overflow: hidden; margin-top: 20px;}
.wtjjlc_item .dat h4{font-size: 18px; line-height: 30px;font-weight: bold;}
.wtjjlc_item .dat p{color: #666; font-size: 16px; line-height: 32px;}
.wtjjlc_item .dat p.blue{color: #4886c0; font-size: 16px; line-height: 32px; padding: 20px 0; font-weight: bold;}
.wtjjlc_item .dat .img-list img{border: 1px solid #518cc3; float: left; margin-right: 20px; margin-bottom: 10px;}
.wtjjlc_item .dat .time{color: #666; font-size: 16px}
.pj_list{padding: 15px;}
.pj_list .form-horizontal .form-group label{padding-top: 0;font-size: 16px;color: #333;font-weight: normal;}
#star{position:relative;height:34px;}
#star ul{float:left;display:inline;height:35px;line-height:35px;list-style-type: none;margin:0 10px;padding: 0;}
#star li{float:left;width:37px;cursor:pointer;text-indent:-9999px;background:url(images/star.png) no-repeat 0 -35px;margin-right: 10px;background-size: 37px 70px;}
#star li.on{background-position:0 0px;}
.wtjjbz_tag{width: 100%;}
.wtjjbz_item{float: left;width: 25%; height: 41px; text-align: center; color: #fff; position: relative; font-size: 18px; font-weight: bold; background: #c6cdd7; line-height: 41px;}
.wtjjbz_item.cur{background: #80b1e1;}
.wtjjbz_item.active{background: #4886c0;}
.wtjjbz_item i{width: 30px; height: 41px; display: block; position: absolute; right: 0; top: 0; background: url(images/wtjjbz_wl.jpg) no-repeat;}
.wtjjbz_item i.w_l{top: 0; left: 0;}
.wtjjbz_item i.w_r{background: url(images/wtjjbz_wr.jpg) no-repeat;}
.wtjjbz_item.cur i.w_l{background: url(images/wtjjbz_curwl.jpg) no-repeat;} 
.wtjjbz_item.cur i.w_r{background: url(images/wtjjbz_curwr.jpg) no-repeat;} 
.wtjjbz_item.active i.w_l{background: url(images/wtjjbz_actwl.jpg) no-repeat;} 
.wtjjbz_item.active i.w_r{background: url(images/wtjjbz_actwr.jpg) no-repeat;} 
.wtjjbz_item em{width: 32px; height: 16px; display: block; position: absolute; left: 50%; top: 51px; margin-left: -16px; background: url(images/wtjjbz_em.jpg) no-repeat; display: none;}
.wtjjbz_item.active em{display: block;}
.wtjjbz_ctn{background: #f0f8ff; border: 1px solid #a8caec; padding: 15px; margin-bottom: 30px; margin-top: 25px;}
.wtjjbz_ctn .btn{border: 1px solid #4787BF;  background-color: #fff; color: #4787BF;}
.wtjjbz_ctn .title{color: #666; font-size: 18px}
.wtjjbz_ctn .title strong{color: #333;}
.wtjjbz_ctn .col-md-4,.wtjjbz_ctn .col-sm-4{color: #666; font-size: 16px; margin-top: 10px;}

.tz_list{border: 1px solid #ddd; margin: 0; padding: 0;}
.tz_list li{padding: 15px; width: 100%; border-bottom: 1px solid #ddd;}
.tz_list li:last-child{border-bottom: none;}
.tz_list li a{display: block;}
.tz_list li a .h5_text{color: #145ccd; font-size: 16px; font-weight: bold;}
.tz_list li a .h5_text span{float: right; color: #999; font-size: 14px; font-weight: normal;}
.tz_page{background: #fff; padding:50px 80px;}
.tz_page .article_tl{font-weight: bold; font-size: 24px; text-align: center;}
.tz_page .article_info{text-align: center; padding: 20px 0;}
.tz_page .article_info span{margin: 0 20px; font-size: 14px}
.tz_page .article_intro{background: #e4e4e4; padding:10px 15px;}
.tz_page .article_content p{font-size: 16px; padding-top: 20px;}
.tz_page .article_content p.text-indent{text-indent: 2em;}
.tz_page .article_content p a{font-size: 14px}


/*企业详情*/
.qyxq_head{height: 200px; background: url(images/qyxq_head.jpg) no-repeat; background-size: cover; padding: 20px; margin-bottom: 20px;}
.qyxq_head .qy_title{float: left;}
.qyxq_head .qy_title h3{color: #fff; font-size: 24px; font-weight: bold;float: left;line-height: 36px;}
.qyxq_head .qy_title span{font-size: 18px; color: #fff; float: left; margin-left: 20px;line-height: 36px;}
.qyxq_btnlist a{border: 1px solid #fff; color: #fff; height: 30px; width: 105px; text-align: center; display: block; line-height: 30px; float: left; margin-left: 10px; margin-right: 5px; border-radius: 2px;}
.qyxq_btnlist a i{width: 18px; height: 18px; background: url(images/icon_bj.png) no-repeat; display: inline-block; vertical-align: -4px; margin-right: 10px;}
.qyxq_btnlist a i.icon_fp{ background: url(images/icon_fp.png) no-repeat;}
.qyxq_btnlist a i.icon_tx{ background: url(images/icon_tx.png) no-repeat;}
.qyxq_xx{margin-top: 10px;}
.qyxq_xx p{color: #fff; font-size: 16px; line-height: 36px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;}
.qyxq_ctn{background: #fff;}
.qyxq_tag{border-bottom: 1px solid #e0e7f0; padding: 40px 0; text-align: center;}
.qyxq_tag .qyxq_tag_item{font-size: 24px; color: #333333; padding: 0 30px; text-decoration: none; display: inline-block;  height: 50px; line-height: 50px;}
.qyxq_tag .qyxq_tag_item.active{background: #f73458; color: #fff; border-radius: 25px;} 
.qyxq_body { padding: 80px; background-color: #ffffff;}
.qy_list { margin: 15px;}
.qy_list .bzt_item { position: relative; border-left: 1px solid #999999; padding: 0 0 40px 30px;}
.qy_list .bzt_item.add{padding-bottom: 70px;}
.qy_list .bzt_item .h5_text { font-size: 16px;  color: #333333;   position: relative;  line-height: 12px;}
.qy_list .bzt_item .h5_text a{width: 180px; height: 40px; border: 1px solid #999; display: inline-block; text-align: center; line-height: 40px;position: absolute;top: -14px;}
.qy_list .bzt_item.add .h5_text a:after{position: absolute; content: ''; width: 30px; height: 1px; background: #999;display: block;left: -30px; top: 17px;}
.qy_list .bzt_item.add .h5_text:after{ position: absolute; content: '⊕'; font-size: 24px; background-color: #ffffff; color: #999; left: -40px; top: -8px; line-height: 20px;}
.qy_list .bzt_item .h5_text:after { position: absolute; content: '◎'; font-size: 41px; background-color: #ffffff; color: #999; left: -43px; top: -8px; line-height: 20px;}
.qy_list .bzt_item .h5_text span{font-size: 14px; float: right;}
.qy_list .bzt_item .da_list { border: 1px solid #e5e5e5; padding:18px 30px; margin: 20px 0;}
.qy_list .bzt_item .da_list h4 { font-weight: bold; font-size: 18px; color: #333333;}
.qy_list .bzt_item .da_list h4 span { float: right; font-size: 16px; font-weight: normal;}
.qy_list .bzt_item .da_list i{font-style: inherit;font-weight: bold;}
.qy_list .bzt_item .da_list .color_01 { color: #12ba39;}
.qy_list .bzt_item .da_list .color_02 { color: #4886c0;}
.qy_list .bzt_item .da_list .color_03 { color: #ef9116;}
.qy_list .bzt_item:last-child { border: 2px solid transparent;}
.qy_list .bzt_item .da_list .col-xs-6, .qy_list .bzt_item .da_list .col-xs-12 { font-size: 16px; color: #666; margin: 10px 0;}
.qy_list .bzt_item .da_list .col-xs-6 a{color: #2084e2; font-size: 18px; font-weight: bold; text-decoration: underline; line-height: 28px;}
.qy_list .bzt_item .order_list { border: 1px solid #e5e5e5; padding:18px 30px; margin: 20px 0; border-left: 2px solid #4886c0;}
.qy_list .bzt_item .order_list h4 { font-weight: normal; font-size: 16px; color: #333333;}
.qy_list .bzt_item .order_list h4 span { float: right; font-size: 16px; font-weight: normal;margin-left: 20px;}
.qy_list .bzt_item .order_list .order_xm p{font-size: 16px; color: #666;padding-top: 10px;}
.qy_list .bzt_item .order_list .order_xm a{color: #2084e2; font-size: 18px; font-weight: bold; text-decoration: underline; line-height: 28px;}
.qy_list .bzt_item .order_list .order_xm.cur a{color: #333; text-decoration: none;}
.qy_list .bzt_item .order_list .order_xm span{display: inline-block; border: 1px solid #dcdcdc; background: #f1f1f1; color: #999; font-size: 14px; line-height: 28px; height: 28px; padding: 0 10px; margin-left: 10px;}
.qy_list .bzt_item .order_list .order_sk{text-align: center;}
.qy_list .bzt_item .order_list .order_sk p{color: #666; font-size: 16px;padding-top: 10px;}
.qy_list .bzt_item .order_list .order_sk strong{color: #333; font-size: 30px; font-weight: 600;}
.qy_list .bzt_item .order_list .order_sk strong.red{color: #f73458;}
.qy_slied{width: 160px; float: left;}
.qy_slied.fixed{position: fixed; left: 90px; top: 0;}
.qy_slied_item{width: 140px; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 16px;float: right; background: #dde2e8; cursor: pointer; margin-bottom: 20px;}
.qy_slied_item.active{width: 160px; height: 60px; color: #fff; line-height: 60px; background: #f73458;}
.ht_box{width: calc(100% - 160px);padding: 50px; border: 1px solid #dde2e8; margin: 0;}
.qy_list .bzt_item .h6_text { font-size: 14px;  color: #333333;   position: relative;  line-height: 12px;}
.qy_list .bzt_item .h6_text:after { position: absolute; content: '○'; font-size: 38px; background-color: #ffffff; color: #999; left: -42px; top: -8px; line-height: 20px;}
.qy_list .bzt_item .ht_list{background: #f0f3f7;padding:12px 30px; margin: 20px 0; font-size: 18px;}

/*补贴订单*/
.btdd_tag{border-bottom: 1px solid #ededed; background: #fff; padding: 15px 15px 0;}
.btdd_tag .btdd_tag_item{font-size: 18px; color: #999; padding: 0 30px; text-decoration: none; display: inline-block; height: 50px; line-height: 50px;}
.btdd_tag .btdd_tag_item.active{border-bottom: 3px solid #4886c0; color: #4886c0; font-weight: bold;}
.btdd_box{background: #fff; padding: 15px;}
.btdd_box_head{background: #f7f7f7; font-size: 16px; height: 50px; line-height: 50px; color: #333; margin-bottom: 10px;}
.btdd_item{border: 1px solid #e7e7e7; margin-bottom: 20px;}
.btdd_item .btdd_item_hear{background: #d8e8f6; height: 30px;}
.btdd_item .btdd_item_hear span{color: #4886c0; font-size: 14px; line-height: 30px; margin-left: 30px;}
.btdd_item .btdd_ctn{padding: 15px;}
.btdd_item .btdd_ctn .left_title{font-size: 20px;  line-height: 36px; color: #333; font-weight: bold;}
.btdd_item .btdd_ctn p{font-size: 30px; color: #333; font-weight: 600;}
.btdd_item .btdd_ctn p.red{color: #f73458;}
.btdd_item .btdd_ctn .left_small span{display: inline-block; margin-right: 30px; color: #666; font-size: 14px}
.btdd_item .btdd_ctn .left_small span em{color: #f73458; font-style: initial;}
.btdd_bar_list{margin:0px 0 20px;}
.btdd_bar_list .bar_item {width: 25%;float: left; color: #999999;  text-decoration: none; position: relative;text-align: center;}
.btdd_bar_list .bar_item i{width: 16px; height: 16px; background: #e4e1eb;position: absolute; left: 50%; margin-left: -8px; border-radius: 8px;top: 0px;}
.btdd_bar_list .bar_item em{width: 10px; height: 10px; background: #e4e1eb;position: absolute; left: 50%;margin-left: -5px; border-radius: 5px;top: 3px;z-index: 2;}
.btdd_bar_list .bar_item {color: #999;}
.btdd_bar_list .bar_item p{font-size: 14px;color: #666; padding-top: 20px;}
.btdd_bar_list .bar_item.cur em{ background: #f73458;}
.btdd_bar_list .bar_item.cur{color: #fcc5cc;}
.btdd_bar_list .bar_item.cur p{color: #fcc5cc;}
.btdd_bar_list .bar_item.state em{ background: #f73458;}
.btdd_bar_list .bar_item.state{color: #f73458;}
.btdd_bar_list .bar_item.state p{color: #f73458;}
.btdd_bar_list .bar_item .hr-fr{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; right: 0;top: 7px;}
.btdd_bar_list .bar_item .hr-fl{height: 2px;    width: 50%;  background-color: #e4e1eb; position: absolute; left: 0;top: 7px;}
.btdd_bar_list .bar_item.cur .hr-fl{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 7px;}
.btdd_bar_list .bar_item.cur .hr-fr{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 7px;}
.btdd_bar_list .bar_item.state .hr-fl{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; left: 0;top: 7px;}
.btdd_bar_list .bar_item.state .hr-fr{height: 2px;    width: 50%;  background-color: #f73458; position: absolute; right: 0;top: 7px;}

/*合并企业*/
.hbqy_tag{padding: 15px; background: #fff;}
.hbqy_tag .text_item {font-size: 20px; color: #333333; padding: 0 30px; text-decoration: none; display: inline-block; height: 40px; line-height: 40px;}
.hbqy_tag .text_item.active { background: #f73458; color: #fff; }
.hbqy_list_header{padding: 15px; background: #fff;}
.hbqy_list_header .hbbz_tit{font-size: 18px; font-weight: bold; padding-bottom: 20px;}
.hbqy_list_header .table>thead>tr>th{text-align: center;}
.hbqy_list_header .hb_waring {color: #f00; font-size: 16px; padding: 20px;}

.item_search{padding: 15px; background: #fff;  margin-bottom: 20px;}
.item_search .qy_title{font-weight: bold; font-size: 18px}
.item_search_head{border-bottom: 1px solid #eee; height: 50px; line-height: 50px;}
.item_search_head .text_title{font-size: 16px}
.item_search_head .text_title img{width: 30px; height: 30px; margin-right: 10px;}
.item_search .gzt_item_mdl{width: 20%; float: left; padding: 0 10px;}
.item_search .gzt_item{background: #ddd; margin: 10px 0; padding: 15px;}
.item_search .gzt_item .wgl_title1{font-size: 16px; margin: 0;}
.item_search .gzt_item .wgl_title2{font-size: 24px;font-weight: bold; margin: 0;}
.item_search .gzt_item .wgl_title3{font-size: 14px; margin: 0;}
.item_search .with-padding{padding: 5px 0px ;}
.item_search .with-padding p {  line-height: 36px; font-size: 14px; margin: 0;}
.item_search .with-padding p strong{font-size: 16px; margin-left: 10px;}
.item_search .with-padding .table>thead>tr>th{text-align: center;}
.item_search_tag{background: #fff; padding: 0px 15px 15px;}
.item_search_tag .btdd_tag_item{font-size: 16px; color: #999; padding: 0 10px; text-decoration: none; display: inline-block; height: 50px; line-height: 50px;}
.item_search_tag .btdd_tag_item.active{border-bottom: 3px solid #4886c0; color: #4886c0; font-weight: bold;}

/*教育部平台登录*/
.jyb_login_head{position: fixed;top: 0; left: 0;width: 100%; background: #fff; z-index: 9;text-align: center; padding: 30px 0;}
.jyb_login_head a{display: inline-block;}
.jyb_login_head a img{float: left; margin-right: 20px;}
.jyb_login_head h3{font-size: 30px; color: #333; display: inline-block; line-height: 50px;}
.jyblogin_pop{width: 1004px; height: 520px;background: #fff; position: absolute; left: 50%; top: 50%; z-index: 9;  margin-left: -500px; margin-top: -260px; border-radius: 4px; overflow: hidden;}
.jyblogin_pop .jyblogin_img{width: 470px; float: left;}
.jyblogin_pop .jyblogin_mdl{float: right;width: 530px; padding:50px 100px 0;}
.jyblogin_pop .jyblogin_mdl h3{text-align: center; font-size: 24px; color: #695e58;}
.jyblogin_pop .jyblogin_mdl .jyblogin_form{margin-top: 60px; margin-bottom: 40px;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item{border-bottom: 1px solid #b0b0b0;line-height: 30px;margin-bottom: 30px;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item label{width: 60px; font-size: 14px; color: #aaa; font-weight: normal; float: left; margin-bottom: 0;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item input{border: none; width: calc(100% - 60px);}
.jyblogin_pop .jyblogin_mdl .jyblogin_item.jyblogin_code{width: 230px; position: relative;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item .code-img{position: absolute; right: -100px; top: -5px; cursor: pointer;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item .code-img img{width: 75px; height: 20px;}
.jyblogin_pop .jyblogin_mdl .login-btn{width: 240px; height: 40px; line-height: 40px; text-align: center; display: block; margin: 70px auto 0; background: #5885d9; border-radius: 20px; color: #fff;box-shadow: 0 7px 10px #a7d7fc;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item.focus {border-color: #2f6de0;}
.jyblogin_pop .jyblogin_mdl .jyblogin_item.focus label{color: #2f6de0;}
.jyblogin_foot{position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 9; padding: 30px 0;}
.jyblogin_foot p{color: #fff; line-height: 30px; font-size: 14px}
@media (max-width: 1366px){
	.jyb_login_head{padding: 20px 0;}
	.jyblogin_pop{width: 800px; height: 416px;background: #fff; position: absolute; left: 50%; top: 50%; z-index: 9;  margin-left: -400px; margin-top: -208px; border-radius: 4px; overflow: hidden;}
	.jyblogin_pop .jyblogin_img{width: 376px; float: left;}
	.jyblogin_pop .jyblogin_mdl{width: 420px; padding: 50px 50px 0;}
	.jyblogin_pop .jyblogin_mdl .jyblogin_form { margin-top: 20px; margin-bottom: 20px;}
	.jyblogin_pop .jyblogin_mdl .jyblogin_item { margin-bottom: 20px;}
	.jyblogin_pop .jyblogin_mdl .login-btn{    margin: 50px auto 0;}
	.jyblogin_foot{padding: 20px 0;}
	.jyblogin_foot p{line-height: 24px;}
}
.statistical-top a{text-decoration: none;line-height: 24px;font-size: 12px; background: #f2f2f2; padding: 3px 10px;border: 1px solid #d4d4d4;margin: 0 5px; color: #2b3643;}
.statistical-top a.active{background: #4886c0; color: #fff;}


/*登录页*/
.login_section{}
.bg_main{position:relative;overflow:hidden;z-index:1;}
.bg_main img{max-width: initial;}
.login_head{padding: 20px;position: fixed;top: 0; left: 0;width: 100%; background: #fff; z-index: 9;}
.login_ctn{background: url(images/login_ctn.jpg) no-repeat center top; height: 992px;}
.login_norm{margin: 0 auto; display: table;width: 100%; height: 100%; z-index: 9;}
.login_form{width: 417px; background: #fff; position: absolute; top: 40%; right: 10%;   margin: -120px 0 0 0px; height: 460px;z-index: 999;}
.login_tag {margin:30px 18px 0; border-bottom: 1px solid #cccccc; overflow: hidden;}
.login_tag a{font-size: 20px; font-weight: bold; color: #999;border-bottom: 3px solid transparent; line-height: 46px; width: 50%; display: inline-block; float: left; text-align: center; text-decoration: none;}
.login_tag a.active{color: #333;border-bottom: 3px solid #468cff;}
.login_mdl .input_item{border: 1px solid #cedbeb; width: 312px; height: 48px; margin: 0 auto 13px;}
.login_mdl .input_item input{width: 190px;height: 20px;border: none;line-height: 20px; margin: 11px 0; font-size: 14px; padding-left: 10px; border-left: 1px solid #e6e6e6;}
.login_mdl .input_item i{width: 42px; height: 46px; display: block;float: left; background: url(images/icon_dl.png) no-repeat center center;}
.login_mdl .input_item i.icon_mm{background: url(images/icon_mm.png) no-repeat center center;}
.login_mdl .login-btn{width: 314px; height: 50px; background: #468cff; color: #fff; text-align: center; margin:  30px auto 40px; display: block; line-height: 50px; font-size: 20px;}
.login_mdl .login-code{width: 312px; height: 48px; margin: 0 auto 13px;}
.login_mdl .login-code input{width: 138px; height: 48px;border: 1px solid #cedbeb; padding-left: 10px; float: left; margin-right: 4px;}
.login_mdl .login-code .code-img { height: 100%; line-height: 48px; display: block; float: left; height: 48px; }
.login_mdl .login-code .code-img img { display: inline-block; vertical-align: middle; max-width: 114px;}
.login_mdl .login-code a{color: #468cff; text-decoration: underline; margin-left: 5px;margin-top: 14px; display: block; float: left;}
.login_ctn2{background: url(images/login_ctn2.jpg) no-repeat center top; height: 992px; padding-top: 187px;}
.div_table{display: table;position: fixed; top: 0;left: 0; width: 100%; height: 100%; z-index: 9;}
.div_cell{    display: table-cell; vertical-align: middle;}
.qylogin_pop{width: 640px; margin:0 auto; background: #fff; padding: 100px 0; position: absolute; left: 50%; top: 40%; z-index: 9;  margin-left: -320px;  margin-top: -200px;}
.qylogin_mdl{margin-top: 50px;}
.qylogin_mdl .tit{color: #666; font-size: 14px; text-align: center;}
.qylogin_mdl .yzcg-img{margin: 0 auto 55px; display: block;}
.qylogin_mdl .input_item{border: 1px solid #cedbeb; width: 312px; height: 48px; margin: 0 auto 13px;}
.qylogin_mdl .input_item input{width: 190px;height: 20px;border: none;line-height: 20px; margin: 11px 0; font-size: 14px; padding-left: 10px; border-left: 1px solid #e6e6e6;}
.qylogin_mdl .input_item i{width: 42px; height: 46px; display: block;float: left; background: url(images/icon_dl.png) no-repeat center center;}
.qylogin_mdl .input_item i.icon_mm{background: url(images/icon_mm.png) no-repeat center center;}
.qylogin_mdl .login-btn{width: 314px; height: 50px; background: #468cff; color: #fff; text-align: center; margin:  50px auto 0px; display: block; line-height: 50px; font-size: 20px;}
.qylogin_tag{margin: 0 70px; overflow: hidden;}
.qylogin_tag .tag_span{border: 1px solid #cccccc; font-size: 22px; color: #999; font-weight: bold; height: 50px; line-height: 50px; text-align: center;display: block; float: left; width:50%;  position: relative; padding: 0 24px;}
/*.arrowUp{position: absolute; right: 10px; top: 0;}
.arrowUp:before {position: absolute; top: -2px; left: 11px; display: inline-block!important;  border-top: 26px solid transparent;  border-left: 20px solid #ccc;  border-bottom: 26px solid transparent;  content: '';}
.arrowUp:after {position: absolute; top: -1px; left: 10px; display: inline-block!important; border-top: 25px solid transparent;  border-left: 19px solid #fff; border-bottom: 25px solid transparent;  content: '';}*/
.qylogin_tag .tag_span.active{border: 1px solid #468cff; background: #468cff; color: #fff;}
/*.qylogin_tag .tag_span.active .arrowUp:before{border-left: 20px solid #468cff;}
.qylogin_tag .tag_span.active .arrowUp:after{border-left: 19px solid #468cff;}*/
.arrowleft{position: absolute; left: -1px; top: -1px;width: 20px; height: 50px; background: url(images/arrowleft.jpg) no-repeat left top;}
.qylogin_tag .tag_span.active .arrowleft{background: url(images/arrowleft_1.jpg) no-repeat left top;}
.arrowUp{position: absolute; right: -1px; top: -1px;width: 22px; height: 50px; background: url(images/arrowright.jpg) no-repeat left top;}
.qylogin_tag .tag_span.active .arrowUp{background: url(images/arrowright_1.jpg) no-repeat left top;}
/*.arrowleft:before {position: absolute; top: -2px; left: -10px; display: inline-block!important;  border-top: 26px solid transparent;  border-left: 20px solid #ccc;  border-bottom: 26px solid transparent;  content: '';}
.arrowleft:after {position: absolute; top: -1px; left: -11px; display: inline-block!important; border-top: 25px solid transparent;  border-left: 19px solid #fff; border-bottom: 25px solid transparent;  content: '';}*/
/*.qylogin_tag .tag_span.active .arrowleft:before{border-left: 20px solid #468cff;}*/

.impowerBox, .impowerBox .status_icon, .impowerBox .status_txt {display: inline-block; vertical-align: middle }
    a {outline: 0}
    h1, h2, h3, h4, h5, h6, p {margin: 0;font-weight: 400 }
    a img, fieldset {border: 0 }
    
    .impowerBox {  line-height: 1.6;position: relative; width: 100%;z-index: 1;text-align: center;}
    .impowerBox .title {width: 160px;line-height: 24px;/*background: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/logo/WeworkLogoBule$773753a2.png") no-repeat left top;*/margin: 0 auto; color: #0082EF;font-size: 20px;text-align: left;}
    .logo {width: 29px;height: 24px;vertical-align: top;margin-right: 8px;}
    .impowerBox .qrcode {width: 280px;vertical-align:top;}
    .impowerBox .info { width: 280px;margin: 0 auto}
    .impowerBox .status {text-align: left;color: #737C84; font-size: 0; margin-top: 10px;}
    .impowerBox .status.status_browser { text-align: center;padding: 2px 0;}
    .impowerBox .status p { font-size: 13px}
    .impowerBox .status_txt p {top: -2px;position: relative; margin: 0}
    .impowerBox .icon38_msg {display: inline-block;width: 38px;height: 38px;background-size: 38px 38px;background-position: left top;background-repeat: no-repeat;margin-right: 12px;    }
    .impowerBox .icon38_msg.succ {
        -webkit-animation: scaleBig 0.2s ease-out 0s;
        -moz-animation: scaleBig 0.2s ease-out 0s;
        -ms-animation: scaleBig 0.2s ease-out 0s;
        -o-animation: scaleBig 0.2s ease-out 0s;
        animation: scaleBig 0.2s ease-out 0s;
    }
    .status.status_succ .status_txt {
        -webkit-animation: transformRight 0.2s ease-out 0s;
        -moz-animation: transformRight 0.2s ease-out 0s;
        -ms-animation: transformRight 0.2s ease-out 0s;
        -o-animation: transformRight 0.2s ease-out 0s;
        animation: transformRight 0.2s ease-out 0s;
    }
    .status.status_fail {
        -webkit-animation: transformLeft 0.2s ease-out 0s;
        -moz-animation: transformLeft 0.2s ease-out 0s;
        -ms-animation: transformLeft 0.2s ease-out 0s;
        -o-animation: transformLeft 0.2s ease-out 0s;
        animation: transformLeft 0.2s ease-out 0s;
    }
    .impowerBox .status_succ,.impowerBox .status_fail {
        margin-left: 26px;
    }
    .impowerBox .status_succ .status_txt h4,.impowerBox .status_fail .status_txt h4{
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 2px;
    }
    .impowerBox .status_succ .status_txt p,.impowerBox .status_fail .status_txt p{
        font-size: 12px;
        line-height: 17px;
        color: #A1A7AC;
    }
    .impowerBox .icon38_msg.succ {
        background-image: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/Succ_2x$38dc7620.png");
    }

    .impowerBox .icon38_msg.warn {
        background-image: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/Fail_2x$f2bea9cb.png");
        border-radius: 50%;
        background-color: #ffffff;
    }

    .result {
        position: absolute;
        top: 33%;
        left: 26px;
        right: 26px;
        bottom: 20%;
    }
    .result_iconWrap {
        text-align: center;
        margin-bottom: 15px;
    }
    .result_icon {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/InfoBig_2x$4b9e452f.png") no-repeat left top;
        background-size: cover;
    }
    .result_text {
        color: #333333;
        font-size: 14px;
        text-align: center;
        max-width: 300px;
        margin: auto;
    }

    .wrp_code {
        position: relative;
        margin-top: 6px;
    }

     .wrp_code_rl_bg{
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom: 0;


    }

    .wrp_code_rl_mask {
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom: 0;
        background: white;
        opacity: 0.9;
        filter:alpha(opacity=90)
    }

    .wrp_code_rl_btn {
        cursor: pointer;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#F8F8F8));
        background-image: -webkit-linear-gradient(top,#fff 0,#F8F8F8 100%);
        background-image: -o-linear-gradient(top,#fff 0,#F8F8F8 100%);
        background-image: linear-gradient(to bottom,#fff 0,#F8F8F8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF8F8F8", GradientType=0);
        border-radius: 2px;
        vertical-align: middle;
        border: 1px solid #AAA;

        display: inline-block;
        margin: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        min-width: 24px;
        height: 24px;
        padding: 0 12px;
        background: #F5F5F5;
        line-height: 24px;
        outline: 0;
        text-align: center;
        font-size: 12px;
        color: #222;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
    }



    .wrp_code_rl_info{
        color:#222;
        display: inline-block;
        position: absolute;
        height: 110px;
        top:50%;
        margin-top: -50px;
        /*top:80px;*/
        /*top:0;*/
        width: 115px;
        left:50%;
        margin-left:-57px;
    }

    .wrp_code_rl_label{
        font-size: 14px;
        padding:15px 0px;
    }

    .wrp_code_rl_logo {
        width : 30px;
        height:30px;
        background: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/InfoNormal$d162c082.png") no-repeat left top;
        background-size:30px 30px ;
    }



    @media screen and (-webkit-min-device-pixel-ratio: 2) {
        .logo {
            content: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/logo/WeworkLogoBule_2x$b12bb1b6.png");
        }

        .wrp_code_rl_logo {
            width : 30px;
            height:30px;
            background: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/InfoNormal_2x$b5bd63aa.png") no-repeat left top;
            background-size:30px 30px ;
        }
    }
    @media screen and (-webkit-min-device-pixel-ratio: 3) {
        .impowerBox .icon38_msg.succ {
            background-image: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/Succ_3x$8c66500f.png");
        }
        .impowerBox .icon38_msg.warn{
            background-image: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/Fail_3x$89d16f97.png");
        }
        .result_icon {
            background-image: url("//rescdn.qqmail.com/node/wwopen/wwopenmng/style/images/independent/icons/InfoBig_3x$0d2189f1.png");
        }
    }
    .loginPanel {
        width: 378px;
        margin: 0 auto;
        background: #ffffff;
        padding: 36px 0 38px;
        border-radius: 4px;
        border: 1px solid #E7E9EB;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.03);
    }
    @-webkit-keyframes  scaleBig {
        0% {
            opacity: 0;
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    @keyframes scaleBig {
        0% {
            opacity: 0;
            transform: scale(0);
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }
    @-webkit-keyframes  transformRight {
        0% {
            opacity: 0;
            transform: translateX(-15px);
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
    @keyframes transformRight {
        0% {
            opacity: 0;
            transform: translateX(-15px);
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
    @-webkit-keyframes  transformLeft {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes transformLeft {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }